<template>
  <el-card
    shadow="never"
    header="一、研究目标、主要研究内容"
    :body-style="{ color: '#606266', lineHeight: 1.5 }"
  >
    <el-form label-position="top">
      <el-form-item label="1.项目要解决的技术问题">
        <div v-html="data.necessity"></div>
      </el-form-item>
      <template v-if="data.taskType == 1">
        <el-form-item label="2.研究目标" />
        <el-form-item label="（1）总体研究目标">
          <div v-html="data.overallResearchGoal"></div>
        </el-form-item>
        <el-form-item label="（2）年度研究目标">
          <div v-html="data.annualResearchGoals"></div>
        </el-form-item>
      </template>
      <template v-else-if="data.taskType == 2">
        <el-form-item label="研究目标">
          <div v-html="data.overallResearchGoal"></div>
        </el-form-item>
      </template>
      <el-form-item label="3.主要研究内容">
        <div v-html="data.mainResearchContent"></div>
      </el-form-item>
      <el-form-item label="4.QHSE管理（含节能）" />
      <el-form-item label="（1）风险识别">
        <div v-html="data.riskIdentification"></div>
      </el-form-item>
      <el-form-item label="（2）风险控制与消减措施">
        <div v-html="data.riskControlMeasures"></div>
      </el-form-item>
    </el-form>
  </el-card>
</template>

<script setup>
  defineProps({
    data: {
      type: Object,
      default: () => {},
    },
  })
</script>

<style lang="scss" scoped></style>
